<template>
   <el-config-provider :locale="locale" >
    <div class="block flex1">
      <span class="demonstration">时间选择:</span>
      <el-date-picker
        v-model="value1"
        type="date"
        placeholder="请选择时间"
        :size="size"
      />
    </div>
    </el-config-provider>
</template>

<script setup lang="ts">
import zhCn from "element-plus/lib/locale/lang/zh-cn";
import { ref } from 'vue'

const size = ref<'default' | 'large' | 'small'>('default')

const value1 = ref('')
const locale = ref(zhCn)
</script>

<style scoped>
.demonstration{
    white-space:nowrap;
    line-height: 32px;
};
</style>